
#page-ecart1
  .lchart
    position: absolute;
    top: 200px;
    left: calc(50% - 700px);
    width: 1400px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    .lchart1
      height: 380px;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      background: transparent;
      width: 100%
      margin-right: calc(50% - 700px)
    .lchart2
      height: 380px
      width: 700px
      float: left
    .lchart3
      height: 380px
      float: left
  .men
    display: flex
    padding: 0 calc(50% - 700px);
    >.title
      color: #ffb924
      font-size: 36px
      width: 700px
      padding-top: 120px
      &:nth-child(1)
        margin-left: 0;
  .ti
    margin-top: 450px
    display: flex
    padding: 0 calc(50% - 700px);
    .title
      color: #ffb924
      font-size: 36px
      width: 700px
      
  .band
    width: 1125px
    margin: 0 auto
    display: flex
    margin-top: 150px
    justify-content: space-between
    .b-left
      position: relative
      width: 130px
      height: 630px
      margin-top: 115px
      >div
        overflow: hidden
        width 100%
        height 100%
        position: relative
      .po
        position absolute
        width 31px
        height 31px
        background-image url('../img/po.png')
        background-repeat no-repeat
        background-size cover
        &.po1
          left 115px
          top -15px
        &.po2
          left 115px
          top 285px
        &.po3
          left 115px
          top 613px
      .img1 
        position: absolute
        left: -5px
        top -100px
        animation:mymove 4s infinite;
      .img2 
        position: absolute
        right: 0px
        top -38px
        transform: rotate(90deg)
        animation:mymove1 4s infinite;
      .img3 
        position: absolute
        left: -300px
        top 260px
        transform: rotate(270deg)
        animation:mymove2 4s infinite;
      .img4 
        position: absolute
        left: -300px
        bottom:  -38px
        transform: rotate(270deg)
        animation:mymove3 4s infinite;
      .liff
        width: 1px
        height: 630px
        position: absolute
        left: 0
        top: 0
        background: #343e56
      .lig
        position: absolute
        top: 0
        left: 0
        width: 120px
        height: 1px
        background: #343e56
      .lo
        position: absolute
        top: 300px
        left: 0
        width: 120px
        height: 1px
        background: #343e56
      .lp
        position: absolute
        bottom:0px
        left: 0
        width: 120px
        height: 1px
        background: #343e56
    .b-cen
      width: 484px
      position: relative
      .name
        font-size: 36px
        color: #ffb924
        line-height: 36px
      .mix-li
        display: flex
        align-items center
        margin-top: 40px
        margin-bottom: 80px
        position: relative
        .point
          width: 250px
          height: 1px 
          background: #344151
        .img
          width: 117px    
          height: 80px
          background-size: cover !important
          position: relative
          img
            position: absolute
            left: 0
            top: 0
          // &.y
          //   //background: url('../img/y-icon.png') no-repeat
          // &.r
          //   //background: url('../img/warning.png') no-repeat
          //   //height: 120px
          // &.b
          //   //background: url('../img/b-icon.png') no-repeat
      .line
        width: 1px
        height: 80px
        background: #344151
        position: absolute
        right: 57px
        margin-top: -80px
    .b-rl
      width: 210px
      .fl
        margin-bottom: 120px
        .li
          margin-bottom: 30px
          line-height: 24px
          span 
            font-size: 24px
            &:nth-child(1)
              color: #6f87d6
            &:nth-child(2)
              margin-left: 20px
            &.d
              color: #ff302b
            &.w
              color: #ffb924
            &.c 
              color #6f87d6
          &:last-child
            margin-bottom: 0
        &:last-child
          margin-bottom: 0
        &:first-child
          margin-top: 25px
  

@keyframes mymove
{
  from {top:-100px;}
  to {top:650px;}
}
@keyframes mymove1
{
  from {right:0px;}
  to {right:800px;}
}
@keyframes mymove2
{
  from {left:-300px;}
  to {left:200px;}
}
@keyframes mymove3
{
  from {left:-500px;}
  to {left:200px;}
}